<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/muban.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 头部黑色 -->
        <div class="head-black container clearfix">
            <span class="fl">www.legou.com</span>
            <div class="black-right fr">
                <span class="fl">欢迎光临乐购</span>
                <div class="log fr">
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
        <!-- logo部分 -->
        <div class="head-nav">
            <div class="container clearfix">
                <div class="logo fl">
                    <img src="./img/logo.jpg" alt="">
                </div>
                <div class="nav-right fl">
                    <input type="text" placeholder="请输入搜索的商品名称">
                    <button><img src="./img/ser.png" alt=""></button>
                </div>
                <div class="btn-car fr">
                    <span class="car"> <img src="./img/sCart.png" alt=""> 购物车 <i>0</i> </span>
                    <span class="order">我的订单</span>
                </div>
                <ul class="list">
                    <li><a class="active" href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>

                </ul>
            </div>
        </div>

    </div>

    <!-- banner -->














    <!-- foot -->
    <div class="foot">
        <div class="foot-content container">
            <ul class="foot-img">
                <li>
                    <img src="./img/foot-img1.jpg" alt="">
                    <p>正品保障</p>
                    <span>正品行货 放心选购</span>
                </li>
                <li>
                    <img src="./img/foot-img2.jpg" alt="">
                    <p>满86包邮</p>
                    <span>满86元 免运费</span>
                </li>
                <li>
                    <img src="./img/foot-img3.jpg" alt="">
                    <p>售后无忧</p>
                    <span>7天无理由退货</span>
                </li>
                <li>
                    <img src="./img/foot-img4.jpg" alt="">
                    <p>准时送达</p>
                    <span>收货时间由你做主</span>
                </li>
            </ul>

            <div class="line"></div>

            <div class="foot-link">
                <div class="link-left clearfix">
                    <ul class="fl link-left-list">
                        <li>
                            <h4>新手入门</h4>
                            <a href="#">购物流程</a>
                            <a href="#">会员制度</a>
                            <a href="#">订单查询</a>
                            <a href="#">服务协议及隐私说明</a>
                            <a href="#">网站地图</a>
                        </li>
                        <li>
                            <h4>支付方式</h4>
                            <a href="#">货到付款</a>
                            <a href="#">网上支付</a>
                            <a href="#">礼品卡支付</a>
                            <a href="#">其它支付</a>
                        </li>
                        <li>
                            <h4>配送服务</h4>
                            <a href="#">配送进度查询</a>
                            <a href="#">商品验货与签收</a>
                        </li>
                        <li>
                            <h4>相关规则</h4>
                            <a href="#">平台规则</a>
                            <a href="#">退换货政策</a>
                            <a href="#">发票制度</a>
                            <a href="#">帮助中心</a>
                        </li>
                    </ul>
                    <div class="link-right fr">
                        <div class="link-right-code1 fl">
                            <p>App更优惠</p>
                            <img src="./img/qryhd.png" alt="">
                        </div>
                        <div class="link-right-code2 fr">
                            <p>加微信查订单</p>
                            <img src="./img/qryhd.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>

    <div class="feet">
        <p>
            沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | 
        </p>
        <p>
            沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证
        </p>
       <div class="feet-img">
        <img src="./img/feet1.jpg" alt="">
        <img src="./img/feet2.jpg" alt="">
        <img src="./img/feet3.png" alt="">
        <img src="./img/feet4.jpg" alt="">
        <img src="./img/feet5.jpg" alt="">
        <img src="./img/feet6.png" alt="">
       </div>
    </div>





    <script src="./lib/slider/lib/jquery.min.js"></script>
    <script src="./lib/slider/lib/jquery.slidebox.js"></script>
    <!-- 引入当前文件的js -->
    <script src="./js/index.js"></script>
</body>

</html>